<template>
  <div id="app" ref="appT">

      <router-view/>

  </div>
</template>

<script>
  import util from './lib/util'
  import {USER_NOT_LOGIN_CODE, USER_INFO_NULL_CODE} from './lib/returnCode'

  export default {
    name: 'App',
    components: {},
    data: function () {
      return {}
    },
    created: function () {

    },
    methods: {
			
      isLoginSaas: function () {

        let code = window.localStorage.getItem('isLogin');

        if (code == USER_NOT_LOGIN_CODE) {
          // 未登陆

          this.$router.push({path: '/'});

          return false;

        } else if (code == USER_NOT_LOGIN_CODE) {

          // 未完善信息
          this.$router.push({path: '/LoginRegister'})

          return false;

        } else {

          return true;
        }

      }
    }

  }
</script>

<style lang="scss">
  @import "assets/css/style.scss";
  html{
  	font-family:"PingFangSC-Regular", "sans-serif",STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑" !important;
  }
  #app{
		height: 100%;
  }
  	html,body{
		height: 100%;
	}
	/*裁剪*/
  .self-clip {
    width: 500px;
    height: 500px;
  }
/*弹层*/
  .v-modal {
    background: rgba(255, 255, 255, 0.9);
  }

  .self-modal-one, .self-modal-two, .self-modal-three {
    padding: 30px 30px 40px;
    width: 310px;
    border: 1px solid $borderbottomColor;
    border-radius: 6px;
    .el-message-box__header {
      padding: 0px 0px 30px;
      text-align: center;
      font-size: $fs16;
      line-height: 20px;
      color: $listTitleColor;
    }
    .el-message-box__content {
      padding: 0px 0px 30px;
      text-align: center;
      font-size: $fs14;
      line-height: 20px;
      color: $listTitleColor;
    }
    .el-message-box__btns {
      padding: 0px;
      text-align: center;
      .el-button {
        width: 120px;
        height: 40px;
        font-size: $fs16;
        border: 1px solid #3c4b68;
        color: #3c4b68;
        background: $borderbottomColor;
        border-radius: 20px;
      }
      .el-button--primary {
        background: #3c4b68;
        color: $colorWhite;
        margin-left: 30px;
      }
    }
  }

  .self-modal-one, .self-modal-three {
    .el-message-box__btns {
      .el-button--primary {
        width: 270px;
        background: #3c4b68;
        color: $colorWhite;
        margin-left: 0px;
      }
    }
  }

  .self-modal-three {
    .el-message-box__header {
      padding: 0px;
      text-align: center;
      font-size: $fs16;
      line-height: 20px;
      color: $listTitleColor;
    }
  }

  .self-tips-one, .self-tips-two, .self-tips-three {
    padding: 0px 40px;
    text-align: center;
    font-size: $fs14;
    height: 60px;
    line-height: 60px;
    color: $listTitleColor;
    border: 1px solid $colorWhite;
    background: $colorWhite;
    opacity: 0.9;

  }

  .self-tips-two {
    background: #3c4b68;
    border: 1px solid #3c4b68;
    color: $colorWhite;
  }

  .self-tips-three {
    background: $borderColor;
    border: 1px solid $borderColor;
    color: $colorWhite;
  }

  .self-dialog {
    padding: 30px 30px 40px;
    width: 310px;
    border: 1px solid $borderbottomColor;
    border-radius: 6px;
    .el-dialog__header {
      padding: 0px 0px 30px;
      text-align: center;
      font-size: $fs16;
      line-height: 20px;
      color: $listTitleColor;
      .el-dialog__headerbtn {
        display: none;
      }
    }
    .dialog-footer {
      padding: 0px;
      text-align: center;
      .el-button {
        width: 120px;
        height: 40px;
        font-size: $fs16;
        border: 1px solid #3c4b68;
        color: #3c4b68;
        background: $borderbottomColor;
        border-radius: 20px;
      }
      .el-button--primary {
        background: #3c4b68;
        color: $colorWhite;
        margin-left: 30px;
      }
    }
  }



  /*iconfont*/
  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }



  /*公用蒙层layer*/
  .self-layer {
    background: rgba(255, 255, 255, .9);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
  }

  /*anniu*/

  .save-btn {
    line-height: 40px;
    font-size: $fs14;
    text-align: center;
    border-radius: 20px;
    background: $borderColor;
    border: 1px solid $listborderColor;
    color: $colorWhite;
    cursor: pointer;
  }

  .save-btn-two {
    line-height: 40px;
    height: 40px;
    font-size: $fs14;
    text-align: center;
    border-radius: 20px;
    background: $mainborderColor;
    border: 1px solid $mainborderColor;
    color: $colorWhite;
    cursor: pointer;
  }

  .cancel-btn {
    line-height: 40px;
    font-size: $fs14;
    text-align: center;
    color: $listTitleColor;
    border: 1px solid $listborderColor;
    border-radius: 20px;
    background: $colorWhite;
    cursor: pointer;
  }
/*input*/
  .self-input {
    padding: 0px 20px !important;
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: $fs14;
    color: $listTitleColor;
    border: 1px solid $listTitleColor;
    border-radius: 20px;
  }

  /*清除浮动*/
  .clearfix::after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
  }

  .clearfix {
    zoom: 1;
  }

  /*分页*/
  .self-pagination {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 221px;
    padding-top: 20px !important;
    width: 100%;
    height: 48px;
    background: $colorWhite;
  }
  .el-pagination {
    width: 400px;
    margin: 0 auto !important;
  }

  .el-pager li.active + li {
    border-left: 1px solid $borderbottomColor !important;
  }

  .el-pager {
    li {
      padding: 0px !important;
      margin-right: 3px !important;
      width: 30px;
      min-width: 0px !important;
      height: 30px;
      border: 1px solid $listborderColor;
      line-height: 30px;
      font-size: $fs14;
      color: $listTitleColor !important;
    }
    li.active {
      border: 1px solid $mainfontColor !important;
      background: $mainfontColor;
      color: $colorWhite !important;

    }
  }
.el-pager li:hover{
	color: $colorWhite !important;
}
.el-pagination .btn-next, .el-pagination .btn-prev{
	margin-right: 4px;
	display: inline-block;
	padding: 0px !important;
	color: $listTitleColor !important;
	width: 30px !important;
	height: 30px;
	background: $colorWhite;
	border: 1px solid $listborderColor;
}

  .el-pagination button:hover {
    color: $listTitleColor !important;
  }

  .el-pagination button:disabled {
  	display: inline-block;
  	padding: 0px !important;
    color: $listborderColor !important;
    width: 30px !important;
    height: 30px;
    background: $borderbottomColor;
    border: 1px solid $borderbottomColor;
  }


  .el-pagination button, .el-pagination span:not([class*=suffix]){
  	min-width: 0px !important;
  }
  /*.el-icon-d-arrow-right,.el-icon-d-arrow-left:hover{
        color: $listTitleColor !important;
    }*/


  /*上传图片进度条*/
.el-progress__text {
	display: none !important;
}
  .el-progress {
		margin: 0 auto;
		width: 100px;

		.el-progress-bar {
			padding: 0px !important;
			margin: 0px 0px 10px !important;
		}
		.el-progress-bar__outer {
			width: 100px;
			height: 10px;
			background: #EEEEEE;
			border: 1px solid #3C4B68;
		}
		.el-progress-bar__inner {
			background: #3C4B68;
		}
	}
/*富文本*/
.ql-container{
	flex: 1;
}


  /*// 汉化字体*/
  .quill-editor .ql-font span[data-value="Arial"]::before {
    content: "Arial" !important;
    font-family: "Arial";
  }

  .quill-editor .ql-font span[data-value="宋体"]::before {
    content: "宋体" !important;
    font-family: "SimSun";
  }

  .quill-editor .ql-font span[data-value="黑体"]::before {
    content: "黑体" !important;
    font-family: "SimHei";
  }

  .quill-editor .ql-font span[data-value="微软雅黑"]::before {
    content: "微软雅黑" !important;
    font-family: "Microsoft Yahei";
  }

  .quill-editor .ql-font span[data-value="Georgia"]::before {
    content: "Georgia" !important;
    font-family: "Georgia";
  }

  /*编辑器内容用*/
  .quill-editor .ql-font-Arial {
    font-family: "Arial";
  }

  .quill-editor .ql-font-宋体 {
    font-family: "SimSun";
  }

  .quill-editor .ql-font-黑体 {
    font-family: "SimHei";
  }

  .quill-editor .ql-font-微软雅黑 {
    font-family: "Microsoft Yahei";
  }

  .quill-editor .ql-font-Georgia {
    font-family: "Georgia";
  }
.ql-toolbar{
	.icon{
		color: #565656;
		width: 18px;
		height: 18px;
		cursor: pointer;
		&:hover{
			color: #06c;
		}
	}
}
  /*上传*/

 .el-upload{
 	width: 100% !important;
 	height: 100% !important;
 }
  /*.el-upload--picture-card{
      float: left !important;
      margin: 0px 20px 6px 0px !important;
      padding: 0px !important;
      width: 160px !important;
      height: 140px !important;
      text-align: center !important;
      font-size: $fs16 !important;
      border: 1px solid $listborderColor !important;
      background: $colorWhite !important;
      border-radius: 0px !important;
      color: $listTitleColor !important;
      line-height: 0px !important;
      .icon-img {
          margin: 30px 0px 8px;
          width: 48px;
          height: 48px;
          color: $listborderColor;
      }
      p {
          font-size: $fs18;
          line-height: 20px;
          color: $listTitleColor;
      }
  }
  .el-upload-list--picture-card .el-upload-list__item{
      padding: 0px !important;
      margin: 0px 20px 6px 0px !important;
      width: 160px !important;
      height: 100px !important;
      text-align: center !important;
      font-size: $fs16 !important;
      border: 1px solid $borderbottomColor !important;
      background: $colorWhite !important;
      border-radius: 0px !important;
      color: $listTitleColor !important;
      line-height: 0px !important;
  }
  .el-upload-list__item-status-label,.el-upload-list__item-actions{
      display: none !important;
  }*/


/*下拉框*/
  .el-input__inner {
    border: 1px solid $mainborderColor !important;
    border-radius: 20px;
    width: 270px !important;
    height: 42px !important;
  }
  .self-select {
    overflow: hidden;
    width: 270px !important;
    margin: 0px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    border: 1px solid $mainborderColor;
		.el-scrollbar__bar {
	    right: 4px !important;
	  }
    .el-select-dropdown__list {
      padding: 0px !important;
      .el-select-dropdown__item {
        height: 40px !important;
        line-height: 40px !important;
        font-size: $fs14 !important;
        color: $listTitleColor !important;
        padding-left: 20px !important;
        font-weight: normal !important;
        background: $colorWhite;
      }
    }
    .popper__arrow {
      display: none;
    }
  }

  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background: $borderbottomColor !important;
  }

  .fans-header {
    .el-input__inner {
      border: 1px solid $listborderColor !important;
      border-radius: 15px;
      width: 180px !important;
      height: 32px !important;
      line-height: 30px !important;;
    }
    .el-input__suffix{
	    .el-input__icon {
	      line-height: 30px !important;
	    }
    }
  }
.fans-add,.send-article{
	.el-input__suffix{
	    .el-input__icon {
	      line-height: 30px !important;
	    }
    }
}

.self-select-large{
		overflow: hidden;
    width: 180px !important;
    margin: 0px !important;
    border-radius:15px !important;
    box-shadow: none !important;
    border: 1px solid $listborderColor;
		.el-scrollbar__bar {
	    right: 4px !important;
	  }
    .el-select-dropdown__list {
      padding: 0px !important;
      .el-select-dropdown__item {
        height: 30px !important;
        line-height: 30px !important;
        font-size: $fs14 !important;
        color: $listTitleColor !important;
        padding-left: 20px !important;
        font-weight: normal !important;
        background: $colorWhite;
      }
    }
    .popper__arrow {
      display: none;
    }
}
  .select-box_large {
    .el-input__inner {
      border: 1px solid $listborderColor !important;
      border-radius: 15px;
      width: 240px !important;
      height: 32px !important;
      line-height: 30px !important;;
    }
  }

  .select-box_medium {
    .el-input__inner {
      border: 1px solid $listborderColor !important;
      border-radius: 15px;
      width: 240px !important;
      height: 32px !important;
      line-height: 30px !important;;
    }
  }

  .self-select_medium {
    overflow: hidden;
    width: 240px !important;
    margin: 0px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    border: 1px solid $listborderColor;
		.el-scrollbar__bar {
	    right: 4px !important;
	  }
    .el-select-dropdown__list {
      padding: 0px !important;
      .el-select-dropdown__item {
        height: 40px !important;
        line-height: 40px !important;
        font-size: $fs14 !important;
        color: $listTitleColor !important;
        padding-left: 20px !important;
        font-weight: normal !important;
        background: $colorWhite;
      }
    }
    .popper__arrow {
      display: none;
    }
  }

  .self-select_small {
    overflow: hidden;
    width: 180px !important;
    margin: 0px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    border: 1px solid $listborderColor;
		.el-scrollbar__bar {
	    right: 4px !important;
	  }
    .el-select-dropdown__list {
      padding: 0px !important;
      .el-select-dropdown__item {
        height: 30px !important;
        line-height: 30px !important;
        font-size: $fs14 !important;
        color: $listTitleColor !important;
        padding-left: 20px !important;
        font-weight: normal !important;
        background: $colorWhite;
      }
    }
    .popper__arrow {
      display: none;
    }
  }

  .select-box_small {
    .el-input__inner {
      border: 1px solid $listborderColor !important;
      border-radius: 15px;
      width: 140px !important;
      height: 32px !important;
      line-height: 30px !important;;
    }
  }

  .input-box_small {
    width: 100px;
  }
/*表格*/
  .el-table td, .el-table th.is-leaf {
    border-bottom: 0px !important
  }

  .el-table td, .el-table th {
    padding: 0px !important;
  }

  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #F8F8F8 !important;
  }

  .el-table--enable-row-hover .el-table__body tr:hover > td {
    background: $borderbottomColor !important;

  }

  .self-table {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px;
    color: #565656;
    text-align: center;
  }

  .self-table-header {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px;
    color: #565656;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
  }

  .self-table-header th.is-leaf {
    text-align: center;
    border-bottom: 1px solid #DDDDDD !important;
  }

  .el-checkbox__inner {
    border-radius: 50% !important;
    border-color: $listborderColor;
    width: 20px;
    height: 20px;

  }

  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: $mainborderColor;
    border-color: $mainborderColor;
  }

  .el-checkbox__inner:hover {
    border-color: $mainborderColor;

  }

  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: $mainborderColor;
  }

  .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fff;
    height: 4px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 7px;
  }

  .el-checkbox__inner::after {
    width: 5px;
    height: 11px;
    left: 6px;
    border: 2px solid $colorWhite;
    border-left: 0;
    border-top: 0;
  }

  .el-table--enable-row-hover .el-table__body tr:hover > td .cell .handle-box {
    display: block !important;
  }
  .hover-row td .cell .handle-box{
    display: block !important;
  }
  /*tab*/
 .el-tabs--card>.el-tabs__header{
	border-bottom: 1px solid $listborderColor !important;
 }
  .el-tabs__nav {
    border: none !important;
    .el-tabs__item {
      margin-right: 10px;
      line-height: 40px;
      color: $vfConcentColor;
      background: $colorWhite;
      border: 1px solid $borderbottomColor !important;
      border-bottom: 1px solid $listborderColor !important;
    }
    .el-tabs__item.is-active {
    	border: 1px solid $listborderColor !important;
    	border-bottom: 1px solid transparent !important;
      color: $listTitleColor;
      background: $colorWhite;
    }
  }

  /*滚动条*/
  .el-scrollbar__thumb {
    background: $scrollColor !important;
  }

  .el-scrollbar__bar {
    right: 21px !important;
  }

  .el-scrollbar__bar.is-vertical {
    width: 8px !important;
  }
.el-scrollbar__wrap {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
  /*富文本*/
  .ql-toolbar, .ql-container {
    border-left: 0px !important;
  }

  .ql-toolbar {
    min-height: 38px !important;
  }

  .quill-editor {
    flex: 1;
    display: flex;
    flex-direction: column;
    .ql-container {
      flex: 1;
      overflow-y:auto;
      border: 0px;
      .ql-editor {
        padding: 20px !important;
        p{
        	word-break: break-all;
        }
      }
    }
  }


.ql-snow .ql-tooltip{
	width: 320px !important;
	// position: static;
	transform: none;
}
  /*时间*/
  .el-date-editor {
    width: 240px !important;
    .el-input__inner {
      border: 1px solid $listborderColor !important;
      border-radius: 20px;
      width: 240px !important;
      height: 32px !important;
      padding: 0px !important;
      text-align: center;
    }
    .el-input__prefix {
      left: 210px !important;
    }
    .el-input__suffix {
      right: 35px !important;
    }
    .el-input__icon {
      line-height: 30px !important;
    }
  }

  /*气泡*/

  .self-popover {
    padding: 0px !important;
    min-width: 0px !important;
    width: 106px !important;
    .list {
      line-height: 40px;
      width: 100%;
      color: $vfConcentColor;
      font-size: $fs14;
      border-bottom: 1px solid $listborderColor;
      cursor: pointer;
      text-align: center;
    }
  }

  .self-popover-two {
    padding: 0px !important;
    min-width: 0px !important;
    width: 106px !important;
    .list {
      width: 106px;
      line-height: 40px;
      color: $listTitleColor;
      font-size: $fs14;
      border-bottom: 1px solid $listborderColor;
      text-align: center;
      .el-button--text {
        color: $listTitleColor;
      }
    }
  }

  .border-none {
    border: none;
  }

  .color_gary {
    color: $listTitleColor;
  }

  .color_B5 {
    color: #b5b5b5;
  }
/*无数据提示*/
  .nocontent-tips {
    margin: 0 auto !important;
    padding-top: 80px !important;
    width: 400px;
    text-align: center;
    img {
      margin-bottom: 20px;
      width: 250px;
      height: 250px;
    }
    p {
      font-size: $fs14;
      color: $listTitleColor;
      text-align: center;
      line-height: 30px;
      a {
        color: #fd942f;
      }
    }
  }
  /*按钮置灰  （上传文件时）*/
  .ash-btn{
  	background: $listBgColor !important;
		border: 1px solid $borderbottomColor !important;
		color: #B5B5B5;
  }

 /*tab页 设置 滚动条*/
  .el-tabs{
  	@include flexbox;
			@include flex-direction(column);
			@include flex(1);
  }
  .el-tabs__content{
			@include flex(1);
			overflow-y: auto;
  }
  .el-tab-pane{
  	height: 0;
  }


  /*预览头部*/
 .vf-detail{
 	position: relative;
 }
		.top-header {
			border-bottom: 1px solid #eee !important;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 48px;
			line-height: 48px;
			background: #fff;
			color: #333;
			font-size: 16px;
			text-align: center;
			border-bottom: 1px solid #e9e9e9;
			z-index: 10000;
			.header-left {
				position: absolute;
				padding: 0 6px;
				height: 48px;
				overflow: hidden;
				left: 0px;
				top: 0;
				color: #333;
				&:before {
					content: '';
					height: 10px;
					width: 10px;
					border-left: 1px solid #333;
					border-bottom: 1px solid #333;
					transform: rotate(45deg);
					display: inline-block
				}
			}
			.header-middle {
				width: 100%;
				height: 48px;
				display: inline-block;
				overflow: hidden;
			}
			.header-right {
				position: absolute;
				top: 0;
				right: 0;
				width: 40%;
				height: 48px;
				overflow: hidden;
				.header-right_icon {
					position: absolute;
					right: 0px;
					top: 0;
					color: #333;
				}
			}
			.header-info_btn a {
				position: relative;
				top: 11px;
				display: block;
				width: 51px;
				height: 24px;
				text-align: center;
				background: #EF8933;
				color: #fff;
				line-height: 24px;
				border-radius: 2px;
				i {
					position: relative;
					width: 8px;
					height: 8px;
					margin-right: 6px;
					&:before {
						content: '';
						display: block;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 8px;
						height: 2px;
						background: #fff;
					}
					&:after {
						content: '';
						display: block;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 2px;
						height: 8px;
						background: #fff;
					}
				}
			}
		}

		.preview-content{
			width: 100%;
			img{
				max-width: 100%;
        height: auto !important;
        object-fit: cover;
			}
		}
    .ql-editor p>strong em {
      font-style: italic!important;
    }
    .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
      border-right: 0px;
      content: '保存';
      padding-right: 0px;
    }
    .ql-snow .ql-tooltip[data-mode=video]::before {
      content: "插入视频:";
    }
    .ql-snow .ql-tooltip[data-mode=link]::before {
      content: "超链接:";
    }

</style>
